{extend name="base/base" /}
{block name="body"}

    <style>
        .layui-unselect dl {
            max-height: 160px;
        }

        html {
            background-color: #fff;
        }
    </style>

    <div class="layui-row">
        <form id="main_form" class="layui-form layui-form-pane" action="" method="post" lay-filter="main-form-group">
            <!-- ==================================  隐藏区  ================================== -->
            <input type="hidden" name="uid" value="">

            <div class="layui-card">
                <div class="layui-card-body">

                    <div class="layui-form-item">
                        <label class="layui-form-label">帐号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="username" lay-verify="required" disabled="disabled" lay-verType="tips"
                                   autocomplete="off"
                                   placeholder="请输入等管理员名称"
                                   class="layui-input" value="{$data['username']}">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">昵称</label>
                        <div class="layui-input-inline">
                            <input type="text" name="nickname" lay-verify="required" disabled="disabled" lay-verType="tips"
                                   autocomplete="off"
                                   placeholder="请输入等管理员名称"
                                   class="layui-input" value="{$data['nickname']}">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">会员角色</label>
                        <div class="layui-input-inline">
                            <select name="group_id" lay-filter="aihao">
                                <option value=""></option>
                                {foreach($groupRoleList as $gk=>$gv)}
                                <option value="{$gv['id']}" {if($gv['id']==$group_id)} selected  {/if} >{$gv['title']}</option>
                                {/foreach}

                            </select>

                        </div>
                    </div>
                    <input type="hidden" name="uid" value="{$data['uid']}" />

                    <!-- 按钮区 -->
                    <div class="layui-form-item layui-layout-admin">
                        <div class="layui-footer" style="left: 0;">
                            <button id="form_save" lay-filter="form_save" class="layui-btn"
                                    lay-submit="">
                                保存
                            </button>
                            <button id="form_reset" type="button" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script src="/static/stv/admin/layuiadmin/layui/layui.js"></script>
    <script>

        //========================================== 说明区 ==========================================
        //注意：选项卡tab 依赖 element 模块，否则无法进行功能性操作

        // ==========================  公共变量区  ========================================
        var form_id = 'main_form';
        var save_url = '{:url('admin/member/change_role')}';

        // ==============================  业务处理  ==============================================
        layui.use(['element', 'form'], function () {
            //========================================== layui引用区 ==========================================
            var $ = layui.$
                , form = layui.form
            ;
            //========================================== 页面初始化 ==========================================
            //1、初始化form值:1、后台传来的数据

            //2、初始化编辑器，需要在 初始化form后面，因为editor要调隐藏域的内容
            //var editor = create_editor('memo');

            //========================================== 数据提交、元素事件绑定区 ==========================================

            //1、表单提交，form_save 指的是:保存按钮上方的 lay-filter
            form.on('submit(form_save)', function (data) {
                //1、提交修改：1、第一个参数是提交的网址url d 2、第二个参数是提交的数据，强制为json交互
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                $.post(save_url, data.field, function (res) {
                    try {
                        if(res.status==200) {
                            //重新刷新父窗口的数据区
                            parent.layui.table.reload('test-table-reload'); //重载表格
                            parent.layer.close(index); //再执行关闭
                        }else{
                            layer.msg(res.message);
                        }
                    } catch (e) {
                        layer.msg("异常");
                    }

                }, "json");
                //2、
                //99、阻止浏览器跳转，请放在函数内部最后一行
                return false;
            });

            //2、表单重置
            $('#form_reset').click(function () {
                /* 因为1、通过json赋值 2、layui需要重新渲染form的一些组件 3、有页面会集成kindeditor ，所以重置表单通过刷新浏览器实现最简便 */
                layer.confirm('确定重载表单吗？', function (index) {
                    //1、选择确定后执行的操作
                    window.location.reload();

                    //2、

                    //99、关闭自身窗口，请放在函数内部最后一行
                    layer.close(index);

                });
            });

            //========================================== 渲染区 ==========================================
            //表单重新渲染，请保存到最后一行
            //渲染表单
            form.render();
            //修正iframe高度
            //fix_iframe();

        });
    </script>
{/block}
